<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>IFE JavaScript Task 01</title>
</head>
<body>

<h3>污染城市列表</h3>
<ul id="aqi-list">
    <!--
        <li>第一名：福州（样例），10</li>
          <li>第二名：福州（样例），10</li> -->
</ul>

<script type="text/javascript">

    var aqiData = [
        ["北京", 90],
        ["上海", 50],
        ["福州", 10],
        ["广州", 50],
        ["成都", 90],
        ["西安", 100]
    ];

    (function () {

        /*
         在注释下方编写代码
         遍历读取aqiData中各个城市的数据
         将空气质量指数大于60的城市显示到aqi-list的列表中
         */
        function rank(index) {
            var units = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九'],
                high = ['', '十', '百', '千', '万'],
                number = index.toString(),
                len = number.length,
                arr = [];
            for (var i = 0; i < len; i++) {
                if (number[i] == '0' && i == len -1) {
                    return arr.join("");
                }
                if (number[i] == '0' && number[i+1] != '0') {
                    arr.push(units[number[i]]);
                }
                if (number[i] != '0' ) {
                    if (i == len-2 && number[i] == 1) {
                        arr.push(high[len - i - 1]);
                    } else {
                        arr.push(units[number[i]] + high[len - i - 1]);
                    }
                }
            }
            return arr.join("");
        }
        function sortArr(value1, value2) {
            return value2[1] - value1[1];
        }
        function filterArr(item) {
            return item[1] > 60;
        }
        function traversal(insertArr) {
            var sortedArr = insertArr.sort(sortArr),
                    finalArr = sortedArr.filter(filterArr),
                    len = finalArr.length,
                    listArr = [];
            for (var i = 0; i < len; i++) {
                listArr.push("<li>第" + rank(i + 1) +"名: " + finalArr[i][0] + ", " + finalArr[i][1] + "</li>");
            }
            return listArr.join("");
        }
        var list = document.getElementById("aqi-list");
        list.innerHTML = traversal(aqiData);
    })();

</script>
</body>
</html>